import Vue from 'vue';
import { LMap, LTileLayer, LMarker,LCircle,LCircleMarker,LIcon,
    LControlZoom,LWMSTileLayer,LControlLayers,LPopup,LTooltip,
    LGeoJson,LControl,LLayerGroup,LPolygon,LRectangle,LPolyline
} from 'wgis.leaflet.vue2';
import Vue2LeafletMarkerCluster from 'vue2-leaflet-markercluster'
import 'leaflet/dist/leaflet.css';

Vue.component('l-map', LMap);
Vue.component('l-tile-layer', LTileLayer);
Vue.component('l-control-zoom', LControlZoom);
Vue.component('l-marker', LMarker);
Vue.component('l-circle', LCircle);
Vue.component('l-icon', LIcon);
Vue.component('l-circle-marker', LCircleMarker);
Vue.component('l-wms-tile-layer', LWMSTileLayer);
Vue.component('l-control-layers', LControlLayers);
Vue.component('l-popup', LPopup);
Vue.component('l-tooltip', LTooltip);
Vue.component('l-geo-json', LGeoJson);
Vue.component('l-control', LControl);
Vue.component('v-marker-cluster', Vue2LeafletMarkerCluster);
Vue.component('l-layer-group', LLayerGroup);
Vue.component('l-polygon', LPolygon);
Vue.component('l-rectangle', LRectangle);
Vue.component('l-polyline', LPolyline);